@import "../common/functions.scss";
@import "../common/_variables.scss";
$fs: pxToRem(24px) pxToRem(22px) pxToRem(30px);
.shadow{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,.6);
	z-index:11;
	display: none;
}
.dialog{
	display: none;
	width: pxToRem(670px);
	height: pxToRem(870px);
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 22;
	border-radius: .15rem;
	@include translate(-50%,-50%);
	overflow-y: auto;
	h2{
		font-size: nth($fs,3);
		padding: pxToRem(30px) 0 pxToRem(20px)  pxToRem(30px);
		border-bottom: $border;
		line-height: 1;
		text-align: center;
	}
	.dialog_list{
		padding-bottom: pxToRem(100px);
	}
	.dialog_line{
		padding: pxToRem(30px);
		h3{
			font-size: nth($fs,1);
			margin-bottom: pxToRem(12px);
		}
		p{
			color: $_999;
			font-size: nth($fs,2);
			line-height: 1.5;
			padding-left: pxToRem(25px);
			text-indent: pxToRem(-23px);
			&:before{
				content: "";
				display: inline-block;
				width: pxToRem(13px);
				height: pxToRem(13px);
				border-radius: 50%;
				background-color: $_ccc;
				margin-right: pxToRem(10px);
			}
		}
	}
	.g_bg{
		background-color: #F6F6F6;
	}
	.dialog_close{
		float: right;
		position: relative;
		width: pxToRem(50px);
		height: pxToRem(50px);
		border-radius: 50%;
		margin-right: pxToRem(20px);
		top: -.3rem;
		&:before,&:after{
			content: "";
			position: absolute;
			z-index: 999;
			top: 39%;
		}
		&:before{
			@include tick(pxToRem(15px),pxToRem(15px),pxToRem(6px),$_333,-45deg,0,0);
			right: pxToRem(8px);
		}
		&:after{
			@include tick(pxToRem(15px),pxToRem(15px),pxToRem(6px),$_333,135deg,0,0);
			right: pxToRem(23px);
		}
	}
	
}
/*-webkit 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 8px;
    height: 10px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #CCCCCC;
}